
// 定义变量
@width: 80vw;
@height: 30px;
@margin: 15px;

.common {
    margin: @margin ;
    border: 1px solid blue;
    height: @height;
}

.wrapper {
    margin: 25px auto;
    border: 1px solid blue;
    width: @width;
    
    // 嵌套（Nesting）
    .odd {
        background: #dfdfdf;
        // 混合（Mixins）
        .common();
    }
    // 嵌套（Nesting）
    .even {
        background: #ffff99;
        // 混合（Mixins）
        .common();
    }
}